<!DOCTYPE   html>
<html>
<head>
<meta charset="UTF-8">
<title>增加商品</title>
<style>
form {
  width: 80%;
  max-width: 400px;
  min-width: 320px;
}

label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

input[type="text"],
input[type="number"] {
  width: 100%;
  padding: 8px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
}

input[type="submit"] {
  background-color: #333;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #000;
}

.error-message {
  color: red;
  margin-top: 10px;
}

.success-message {
  color: green;
  margin-top: 10px;
}
</style>
</head>
<body>
       <form action="/orderSystem/addCommodityServlet.do" method="Post">
           <label   for="commodityName">商品名称</label>
           <input    type="commodityName"   id="user.commodityName"   name="commodityName"   required>
           <label   for="price">商品价格</label>
          <input    type="price"   id="user.price"   name="price"   required>
         	<br>
            <input    type="submit"  value="提交">
			</br>
       </form>
</body>
</html>